<script setup lang="ts"></script>
<template>
  <div class="checkout-review-card">
    <div class="checkout-review-item-image">
      <!-- <img src="https://oss.upyun.mitkimi.com/testing/WX20241025-131313%402x.png" /> -->
      <img src="https://oss.upyun.mitkimi.com/www/WechatIMG20906-5e9de05fcf3b4e2ca657c85f981a0d1b.jpeg" />
    </div>
    <div class="checkout-review-item-container">
      <div class="checkout-review-item-content">
        <div class="item-name">The Tron Suit</div>
        <div class="item-attached-items-container">
          <div class="item-attached-item">
            <div class="item-label">Base suit:</div>
            <div class="item-value">RMB 3,899</div>
          </div>
          <div class="item-attached-item">
            <div class="item-label">Color adds:</div>
            <div class="item-value">+ RMB 800</div>
          </div>
          <div class="item-attached-item">
            <div class="item-label">Face add:</div>
            <div class="item-value">0</div>
          </div>
          <div class="item-attached-item">
            <div class="item-label">Hands add:</div>
            <div class="item-value">0</div>
          </div>
          <div class="item-attached-item">
            <div class="item-label">Feet add:</div>
            <div class="item-value">0</div>
          </div>
          <div class="item-attached-item">
            <div class="item-label">Sizing add:</div>
            <div class="item-value">0</div>
          </div>
        </div>
      </div>
      <div class="checkout-review-numbers">
        <div class="checkout-review-item-count">x1</div>
        <div class="checkout-review-item-fee">RMB 4,999</div>
      </div>
    </div>
  </div>
</template>

<style src="./CheckoutReviewCard.less" lang="less" scoped></style>